<script setup lang="ts">
import myTitle from "@/components/myTitle/myTitle.vue";
const title = ref("极速问诊");
const rightText = ref("问诊记录");
const onselect = () => {
  uni.navigateTo({ url: "/pages/index/components/selectdepartment" });
};
</script>

<template>
  <!-- 极速问诊 -->
  <div class="">
    <view>
      <myTitle :title="title" :rightText="rightText" :ifText="true" />
    </view>
    <view style="width: 80%; margin: auto; margin-top: 60rpx">
      <img style="width: 100%" src="/src//static//home-img/1.png" alt="" />
    </view>
    <view style="width: 100%; margin-top: 40rpx; margin-bottom: 60rpx; text-align: center">
      <text style="margin-right: 20rpx; color: #84dece">20s</text>
      <text>快速匹配专业医生</text>
    </view>
    <view
      style="
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 90%;
        height: 156rpx;
        padding: 20rpx;
        margin: auto;
        margin-top: 40rpx;
        background-color: #fff;
        box-shadow: 1rpx 1rpx 2rpx 1rpx #ccc;
      "
    >
      <view style="display: flex; align-items: center; justify-content: space-around">
        <view>
          <img
            style="width: 80rpx; margin-right: 20rpx"
            src="/src//static//home-img/2.png"
            alt=""
          />
        </view>
        <view>
          <view>三甲图文问诊</view>
          <view style="margin-top: 10rpx; font-size: 25rpx; color: #cdcdcd">
            三甲主治及以上级别医生
          </view>
        </view>
      </view>
      <view>
        <wd-icon name="arrow-right" size="22px" color="#d9d9da" />
      </view>
    </view>
    <view
      style="
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 90%;
        height: 156rpx;
        padding: 20rpx;
        margin: auto;
        margin-top: 40rpx;
        background-color: #fff;
        box-shadow: 1rpx 1rpx 2rpx 1rpx #ccc;
      "
    >
      <view style="display: flex; align-items: center; justify-content: space-around">
        <view>
          <img
            style="width: 90rpx; margin-right: 20rpx"
            src="/src//static//home-img/3.png"
            alt=""
          />
        </view>
        <view @click="onselect">
          <view>普通图文问诊</view>
          <view style="margin-top: 10rpx; font-size: 25rpx; color: #cdcdcd">
            二甲主治及以上级别医生
          </view>
        </view>
      </view>
      <view>
        <wd-icon name="arrow-right" size="22px" color="#d9d9da" />
      </view>
    </view>
  </div>
</template>

<style lang="scss" scoped></style>
